page {
  background: #EAECF6;
}

.content {
  .search {
    padding: 31rpx 48rpx 29rpx 48rpx;
    background: #fff;
    .search-input {
      display: flex;
      align-items: center;
      height: 72rpx;
      padding-right: 25rpx;
      border: 2rpx solid rgba(0,0,0,0.16);
      border-radius: 18rpx;
      font-weight: 400;
      font-size: 22rpx;
      image {
        width: 49rpx;
        height: 49rpx;
        margin: 0 20rpx;
      }
      input {
        width: 100%;
      }
    }
  }
  .search-words {
    padding: 52rpx 60rpx;
    .title {
      margin-bottom: 11rpx;
      font-family: PingFangSC, PingFang SC;
      font-weight: 500;
      font-size: 22rpx;
      color: #000000;
      line-height: 30rpx;
    }
    .words {
      display: flex;
      flex-wrap: wrap;
      .word-item {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 44rpx;
        margin-top: 20rpx;
        margin-right: 26rpx;
        padding: 7rpx 30rpx;
        background: #FFFFFF;
        border-radius: 50rpx;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 22rpx;
        color: rgba(0,0,0,0.8);
        line-height: 30rpx;
      }
    }
  }
  .search-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 18rpx 47rpx;
    .shop-item {
      display: flex;
      flex-direction: column;
      width: 315rpx;
      margin-top: 29rpx;
      background: #FFFFFF;
      border-radius: 12rpx;
      image {
        width: 315rpx;
        height: 315rpx;
      }
      .shop-detail {
        display: flex;
        flex-direction: column;
        padding: 13rpx 15rpx 21rpx 14rpx;
        .name {
          width: 286rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 500;
          font-size: 26rpx;
          color: #000000;
          font-style: normal;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .price {
          margin-top: 5rpx;
          font-family: PingFangSC, PingFang SC;
          font-weight: 600;
          font-size: 32rpx;
          color: #EB4E45;
          font-style: normal;
        }
        .bottom {
          display: flex;
          justify-content: space-between;
          font-family: PingFangSC, PingFang SC;
          font-weight: 400;
          font-size: 22rpx;
          color: rgba(0,0,0,0.5);          
          .discount {
            text-decoration-line: line-through;
          }
          .num {
            margin-left: 20rpx;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
          }
        }
      }
    }
  }
}